<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dijit/themes/tundra/tundra.css">
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <style type="text/css">
            #stackContainer {
			border: 1px solid #ccc;
			margin-top: 10px;
			height: 300px;
			width: 250px;
						} #stackContainer
            div { padding: 5px; }
        </style>

        <button id="previous" onClick="dijit.byId('stackContainer').back()" dojoType="dijit.form.Button">
            &lt;
        </button>
        <span dojoType="dijit.layout.StackController" containerId="stackContainer">
        </span>
        <button id="next" onClick="dijit.byId('stackContainer').forward()" dojoType="dijit.form.Button">
            &gt;
        </button>
        <div dojoType="dijit.layout.StackContainer" id="stackContainer">
            <div dojoType="dijit.layout.ContentPane" title="1">
            <img src="<?php echo $this->baseUrl(). '/img/clipart_grades.jpg';?>" alt="" />
            </div>
            <div dojoType="dijit.layout.ContentPane" title="2">
            <img src="<?php echo $this->baseUrl(). '/img/newlogo.gif';?>" alt="" />
            </div>
        </div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/dojo.xd.js"
    djConfig="parseOnLoad: true">
    </script>
    <script type="text/javascript">
        dojo.require("dijit.layout.StackContainer");
        dojo.require("dijit.layout.ContentPane");
        dojo.require("dijit.form.Button");
    </script>